<div class="inner">
    <div class="other-item" id="categoryandsearch">
        <div class="search">
            <label class="search-wrap">
                <input type="text" id="searchtxt" placeholder="输入关键字搜索" />
                <span class="search-icon">
                    <i class="fa fa-search"></i>
                </span>
            </label>
            <ul class="search-result"></ul>
        </div>
        <ul class="category mt20" id="category">
            <li data-index="1"><a href="${ctxPath}${tpl}/articles.do">全部文章</a></li>
            <li data-index="${curCatalog.id!}" class="slider"></li>
            <!--#
                var navTopCatalogList = cms.getCatalogByDictTypeAndValueAndParentCatalogId("catalog_position", "articles_right","");
                for(catalog in navTopCatalogList) {
            -->
            <li data-index="${catalog.id!}" class="<!--# if (curCatalog.id! == catalog.id!) {-->current<!--#} -->>"><a href="${(catalog.code! == null || catalog.code! == '') ? (catalog.accessUrl!+'?id='+catalog.id!) : catalog.code!}">${catalog.name! }</a></li>
            <!--#} -->
        </ul>
    </div>
    <!--右边悬浮 平板或手机设备显示-->
    <div class="category-toggle"><i class="layui-icon">&#xe603;</i></div>
    <div class="article-category">
        <div class="article-category-title">分类导航</div>
        <!--#
                for(catalog in navTopCatalogList) {
            -->
        <a href="${(catalog.code! == null || catalog.code! == '') ? (catalog.accessUrl!+'?id='+catalog.id!) : catalog.code!}">${catalog.name! }</a>
        <!--#} -->
        <div class="f-cb"></div>
    </div>
    <!--遮罩-->
    <div class="blog-mask animated layui-hide"></div>
    <layui:cmsArticleList var="articlePage" orderby="hot desc,show_time desc" page="1" pageSize="8">
        <!--# if (articlePage.list.~size > 0) {-->
        <div class="other-item">
            <h5 class="other-item-title">热门文章</h5>
            <div class="inner">
                <ul class="hot-list-article">
                    <!--# for(article in articlePage.list) {-->
                        <li> <a href="${ctxPath}/article.do?id=${article.id}" title="${article.title}">${article.title}</a></li>
                    <!--# } -->
                </ul>
            </div>
        </div>
        <!--# } -->
    </layui:cmsArticleList>
    <layui:cmsArticleList var="articlePage" top="true" orderby="top_time desc, hot desc,show_time desc" page="1" pageSize="8">
        <!--# if (articlePage.list.~size > 0) {-->
        <div class="other-item">
            <h5 class="other-item-title">置顶推荐</h5>
            <div class="inner">
                <ul class="hot-list-article">
                        <!--# for(article in articlePage.list) {-->
                        <li> <a href="${ctxPath}/article.do?id=${article.id}" title="${article.title}">${article.title}</a></li>
                        <!--# } -->
                </ul>
            </div>
        </div>
        <!--# } -->
    </layui:cmsArticleList>
    <!--# if (false) { -->
    <div class="other-item">
        <h5 class="other-item-title">最近访客</h5>
        <div class="inner">
            <dl class="vistor">
                <dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/72388EA977643E8F97111222675720B1/100"><cite>Anonymous</cite></a></dd>
                <dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/342F777E313DDF5CCD6E3E707BB0770B/100"><cite>Dekstra</cite></a></dd>
                <dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/EA5D00A72C0C43ECD8FC481BD274DEEC/100"><cite>惜i</cite></a></dd>
                <dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/EF18CEC98150D2442183AA30F05AAD7B/100"><cite>↙Aㄨ计划 ◆莪↘</cite></a></dd>
                <dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/3D8D91AD2BAFD36F5AC494DA51E270E6/100"><cite>.</cite></a></dd>
                <dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/B745A110DAB712A0E6C5D0B633E905D3/100"><cite>Lambert.</cite></a></dd>
                <dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/E9BA3A2499EC068B7917B9EF45C4D13C/100"><cite>64ღ</cite></a></dd>
                <dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/09F92966169272DD7DD9999E709A0204/100"><cite>doBoor</cite></a></dd>
                <dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/59991D53192643A1A651383847332EB6/100"><cite>毛毛小妖</cite></a></dd>
                <dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/FF34F311DDC43E2AF63BE897BCA24F05/100"><cite>NULL</cite></a></dd>
                <dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/59AA25A7627284AE62C8E6EBDC6FE417/100"><cite>吓一跳</cite></a></dd>
                <dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/28B021E0F5AF0A4B9B781A24329FE897/100"><cite>如初</cite></a></dd>
            </dl>
        </div>
    </div>
    <!--# } -->
</div>